<template>
  <Son/>
</template>

<script>
import { provide, reactive } from 'vue'
import Son from './Son.vue'

export default {
  name: 'provide/inject',
  components: { Son },
  setup () {
    const leyoData = reactive({
      name: 'leyo',
      age: 18
    })
    setTimeout(() => {
      leyoData.age = 20
    }, 1500)
    provide('leyoData', leyoData)
  }
}
</script>
